#{set 'moreStyles'}
    <link rel="stylesheet" href="@{'/public/stylesheets/style_main.css'}">
    <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.7.3.custom.css'}">
    <script src="@{'/public/javascripts/disponibilidad.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.7.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
#{/set}

#{extends 'main.html' /}
#{set title:'Semestres Académicos' /}

<div id="page">

    <div id="header">
        <div id="headerTitle">&nbsp;</div>
        <div id="headerSubText">&nbsp;</div>

    </div>
    <div id="bar">

        <div class="navLink"><a href="index.html">Inicio</a></div>
        <div class="navLink"><a href="index.html">Mi perfil</a></div>
        <div class="navLink"><a href="index.html">Lista de Docentes</a></div>
        <div class="navLink"><a href="index.html">Configuraci&oacute;n</a></div>

    </div>

    <div class="contentText">
        <p>&nbsp;</p>
         #{if mensaje}
             <span> mensaje: ${mensaje}</span>
         #{/if}
                        
        <form class="formulario" action="@{AperturarCiclo.eliminarSemestre}" id="formulario1">
            <input type="hidden" name="id"  >   
        <table width="520" border="0"  >
            <thead>
                <tr>
                    <td align="center"  colspan="5" style="color: blue; font-weight: bold"  >SEMESTRES ACAD&Eacute;MICOS</td>
                </tr>
                <tr>
                    <td align="center"  style="color: blue; font-weight: bold"  >Semestre</td>
                    <td align="center"  style="color: blue; font-weight: bold"  >Fecha de Inicio</td>
                    <td align="center"  style="color: blue; font-weight: bold"  >Fecha de Fin</td>
                    <td align="center"  style="color: blue; font-weight: bold"  >Eliminar</td>
                </tr>
            
            </thead>
            <tbody>
                #{list items:semestres, as:'semestre'}
                <tr>
                     
                     <td >${semestre.sem_vcNombre}</td>
                     <td >${semestre.getInicio()}</td>
                     <td >${semestre.getFin()}</td>
                     <td ><input type="button" id="${semestre.id}" value="X" onclick="eliminarSemestre(${semestre.id})"></td>
                 </tr>
	          
	        #{/list}
             </tbody>
                
            <tfoot>
                <tr>
                
                        <td colspan="5" align="center" > <input type="button" onclick="regresarIndexSemestre()" value="Regresar"/> </td>
                  
             </tr>
                
            </tfoot>       
            
        </table>
       </form>
         
        <p>&nbsp;</p>

    </div>
</div>
<div id="footer"><a href="http://www.unmsm.edu.pe">Copyright</a> | <a href="http://www.unmsm.edu.pe">Universidad Nacional Mayor de San Marcos</a> |Ing. Software</a> | </div>
